<!DOCTYPE html>
<html lang="zh_CN" class="x-admin-sm" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <header th:replace="header.html"></header>
</head>
<body style="padding: 20px;">
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <input type="hidden" id="userId" name="id" th:value="${sysUser.id}">
            <div class="layui-form-item">
                <label for="L_photo" class="layui-form-label">
                    头像
                </label>
                <div class="layui-input-inline" id="headImg">
                    <img th:src="@{${sysUser.photo}}" class="layui-circle" id="L_photo" alt="">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_username" class="layui-form-label">
                    用户名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="L_username" th:value="${sysUser.username}" readonly name="username" required=""
                           lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    您唯一的登入名
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_nickname" class="layui-form-label">
                    昵称
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="L_nickname" th:value="${sysUser.nickname}" readonly name="nickname" required="" lay-verify="nickname" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    性别
                </label>
                <div class="layui-input-inline">
                    <input type="radio" th:field="${sysUser.sex}" name="sex" title="男" readonly value="1" checked>
                    <input type="radio" th:field="${sysUser.sex}" name="sex" title="女" readonly value="0" >
                </div>
            </div>
            <div class="layui-form-item">
                <label for="age" class="layui-form-label">
                    年龄
                </label>
                <div class="layui-input-inline">
                    <input type="number" id="age" th:value="${sysUser.age}" name="age" readonly  required="" lay-verify="age"
                           autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    出生日期
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="L_birthday" th:value="${#dates.format(sysUser.birthday, 'yyyy-MM-dd')}"  readonly= name="birthday"
                           placeholder="yyyy-MM-dd" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label for="phone" class="layui-form-label">
                    手机
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="phone" th:value="${sysUser.telephone}" name="phone" readonly required=""
                           lay-verify="phone" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    11位数字
                </div>
            </div>
            <div class="layui-form-item">
                <label for="L_email" class="layui-form-label">
                    邮箱
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="L_email" th:value="${sysUser.email}" name="email" readonly required=""
                           lay-verify="email" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['form', 'layer', 'laydate', 'jquery'], function () {
        var $ = layui.jquery,
            form = layui.form,
            laydate = layui.laydate;
    });
</script>
</body>
</html>
